<?php 
header('Content-Type: text/html; charset=utf-8');
require_once 'config.inc.php';
?>
<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
    <link type="text/css" href="css/themes/<?php echo $defaultTheme;?>/ui.all.css" rel="Stylesheet" /> 
    <link type="text/css" href="css/client3.all.css" rel="Stylesheet" /> 
    
    <script type="text/javascript" src="scripts/jquery-1.2.6.js"></script>
    <script type="text/javascript" src="scripts/js-forms.js"></script>
    
    <script type="text/javascript" src="scripts/CContactList.js"></script>
    <script type="text/javascript" src="scripts/CAJAX.js"></script>
    <script type="text/javascript" src="scripts/tabs.js"></script>
    <script type="text/javascript" src="scripts/CStatuses.js"></script>
    <script type="text/javascript" src="scripts/client_ver3.js"></script>

	<script type="text/javascript" src="scripts/ui/ui.core.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.accordion.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.datepicker.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.dialog.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.draggable.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.droppable.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.progressbar.js"></script>

	<script type="text/javascript" src="scripts/ui/ui.resizable.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.selectable.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.slider.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.sortable.js"></script>
	<script type="text/javascript" src="scripts/ui/ui.tabs.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.core.js"></script>

	<script type="text/javascript" src="scripts/ui/effects.blind.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.bounce.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.clip.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.drop.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.explode.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.fold.js"></script>

	<script type="text/javascript" src="scripts/ui/effects.highlight.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.pulsate.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.scale.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.shake.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.slide.js"></script>
	<script type="text/javascript" src="scripts/ui/effects.transfer.js"></script>
	
	<script type="text/javascript">
	</script>
</head>

<body>

<div id='Loading' class='ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix' style="font-size: 130%; text-align: center;font-weight: normal;">Loading...</div>

<!-- Chat area -->	
<div id="DialogChat" style="position: absolute; left: 100px; top: 10px; display: none;" class="ui-dialog ui-widget ui-widget-content ui-corner-all">
	<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
		<span class="ui-dialog-title">Окно сообщений</span>
		<a title="Close" class="ui-dialog-titlebar-close ui-corner-all" href="#" type_="button"><span class="ui-icon ui-icon-closethick">Close</span></a>
	</div>
	
	<div id="ContactTabs" style="overflow: hidden;padding: 1px;" class="ui-dialog-content ui-widget-content">
		<ul  class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
		</ul>
	</div>
</div>

<!-- Contact list -->
<div id="DialogContactList" style="position: absolute; left: 100px; top: 100px; display: none;" class="ui-dialog ui-widget ui-widget-content ui-corner-all">
	<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
		<span class="ui-dialog-title">Список контактов</span>
		<a title="Close" class="ui-dialog-titlebar-close ui-corner-all" href="#" type_="button"><span class="ui-icon ui-icon-closethick">Close</span></a>
	</div>
	
	<div style="overflow: hidden;padding: 1px;" class="ui-dialog-content ui-widget-content">
		<div style="width: 100%;border-width: 0px 0px 1px 0px;" class="ui-widget-content">
	       	<button class="ui-state-default ui-corner-all" style="margin: .5em;" type_="button" showOnlyOnline="0">Только в сети</button>
        </div>
    	<div class="cl-contactlist-panel" style="overflow-y: scroll; height: 27.5em;">
    		<!-- Contacts go's here -->
    	</div>
    	<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
    		<!-- User status menu here -->
    		<div class="ui-state-highlight ui-corner-all ui-helper-clearfix cl-user-status-menu"></div>
    	
	    	<button class="ui-state-default ui-corner-all" type_="button">Меню</button>
	    	<a class="ui-state-default ui-corner-all cl-user-status-button" type_="button" userstatus="">
	    		<div class="cl-statusicon" style="float: left; margin-right: .5em;"></div>
	    		<div type_="statusname" style="float: left;">off-line</div></a>
    	</div>
	</div>
</div>

<!-- Chat AREA -->
<div style="display: none;" id='cl-chat'>
	<div class='cl-chat-contact-infopanel ui-helper-clearfix ui-widget-header ui-corner-all'>
		<div class='cl-chat-contact-infopanel-name ui-widget-content ui-corner-all'> name </div> 
		<div class='cl-chat-contact-infopanel-uin ui-widget-content ui-corner-all'> UIN </div>
	</div>
	
	<div class='cl-chat-messages ui-widget-content ui-corner-all'>
		<!-- Contact messages go's here -->
		Text messages
	</div>
	<div class='cl-chat-user-message ui-widget-content ui-corner-all'>
	   <textarea rows="5" cols="20" class='cl-chat-textarea'></textarea>
	</div>
	<div class='ui-dialog-buttonpane ui-widget-content ui-helper-clearfix'>

		<a class="ui-state-default ui-corner-all cl-chat-closeinchatmessage" style="float: left; padding: .3em;cursor: pointer;" type_="button">
			<div class='ui-icon ui-icon-close' style="float: left;margin: -.2em 0 0 0;"></div>Закрыть
		</a>
		<a class="ui-state-default ui-corner-all cl-chat-buttonsend" type_="button" href='#send'>
			<div class='ui-icon ui-icon-play' style="float: left;margin: -.2em 0 0 0;"> </div>Отправить
		</a>
	</div>
</div>

<!-- Окно "Загрузка контакт листа" -->
<div id="loadingCl" class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="font-size: 130%;position: absolute; width: 250px;display: none;z-index: 999;text-align: center;cursor: move;">Загрузка контакт листа.</div>

<!-- Copyright information -->
<div class="ui-widget-content ui-corner-all" style="position: absolute; bottom: 0em; right: 0px; width: 50em; margin: .2em;padding-bottom: .3em;padding-top: .3em; text-align: center; font-size: 115%; vertical-align: middle;">
Written by <a href="http://silly.servehttp.com/">Alexey <b>MAGician</b> Sergeev</a>; Source: <a href='http://code.google.com/p/phpicqclient/'>http://code.google.com/p/phpicqclient/</a>
</div>
</body>
</html>
